﻿<s:TagVisualization x:Class="MediaSurfaceV2.iPhoneVisualization"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:s="http://schemas.microsoft.com/surface/2008"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Loaded="iPhoneVisualization_Loaded">
    <s:TagVisualization.Resources>
        <DataTemplate x:Key="SurfaceListBoxItemDataTemplate">
              <Image Source="{Binding Source}" Height="100" Width = "100" HorizontalAlignment="Center" VerticalAlignment="Top"/>
        </DataTemplate>
        <Style x:Key="CursorStyle" TargetType="{x:Type ContentControl}">
            <Setter Property="ContentTemplate" Value="{StaticResource SurfaceListBoxItemDataTemplate}"/>
        </Style>
    </s:TagVisualization.Resources>
    <Grid Background="Transparent">
<Border x:Name="mask" CornerRadius="50" Margin="8,0,0,24">

            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">

                    <GradientStop Color="Black" Offset="0"/>

                    <GradientStop Color="#FF605F5F" Offset="1"/>

                </LinearGradientBrush>
            </Border.Background>
        </Border>
	<TextBlock Height="36" Margin="92,0,156.61,33" TextWrapping="Wrap" Text="MEDIA" VerticalAlignment="Bottom" FontFamily="CordiaUPC" FontSize="32" Foreground="White" FontWeight="Bold"/>
	<TextBlock Height="34" Margin="0,0,47.094,35" TextWrapping="Wrap" Text="SURFACE" VerticalAlignment="Bottom" FontFamily="CordiaUPC" FontSize="32" Foreground="Red" HorizontalAlignment="Right" Width="104.516" FontWeight="Bold"/>

        <s:SurfaceListBox Name="iPhoneDataBox" Background="Transparent" Foreground="Transparent" Height="200" Margin="155.13,36,14.13,71" ItemsSource="{Binding Path=MediaListObservable}" PreviewContactDown="iPhoneDataBox_PreviewContactDown" AllowDrop="False">
            <s:SurfaceListBox.ItemTemplate>
                <DataTemplate>
                    <Image Source="{Binding Path= Source}" Height="100" Width = "100"/>
                </DataTemplate>
            </s:SurfaceListBox.ItemTemplate>
        </s:SurfaceListBox>
    </Grid>
</s:TagVisualization>
